<template>
	<div>
		<div style="width: 100vw;height:8vh ;display: flex;">
			<div style="width: 10vw;height: 8vh;line-height: 8vh;">
				<van-icon name="arrow-left" size="20" @click="back"/>
			</div>
		<div style="width: 90vw;font-size: 18px;font-weight: bold;height: 8vh;line-height: 8vh;">{{this.userInfo.nickName}}</div>
		
		</div>
		<!-- 选择框 -->
		<div style="width: 100vw;">
			<van-tabs v-model="active">
			  <van-tab title="关注">内容 1</van-tab>
			  <van-tab title="粉丝">内容 2</van-tab>
			  <van-tab title="收藏">
				 <div v-for="item in list">
				  
				  <van-swipe-cell>
				    <van-card
				      num="2"
				      price="2.00"
				      desc="描述信息"
				      :title="item.goods_name"
				      class="goods-card"
				      :thumb="url+item.original_img"
				    />
				    <template #right>
				      <van-button square text="删除" type="danger" class="delete-button" />
				    </template>
				  </van-swipe-cell>
				  
				  </div>
				  
			  </van-tab>
			</van-tabs>
			
		</div>
		
		
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				userInfo:{},
				active:0,
				list:{},
				url:''
			}
		},
		created() {
			this.userInfo = JSON.parse(localStorage.getItem('userInfo'))
		},
		methods:{
			back(){
				this.$router.go(-1)
			}
		},
		created() {
			this.$store.dispatch("user/Home_Url").then(e => {
				// console.log(e,111)
				this.url = e
			})
			
			
	        this.list =JSON.parse(localStorage.getItem('sc')) 
			console.log(this.list,56)
		// console.log(scMessage,5555)
		}
	}
</script>

<style>
	.van-tabs__line{
		top: 4vh;
	}
</style>
